<html><head>
  <title>NEGATED :active pseudo-class</title>
  <style type="text/css">div.stub * { color : lime }
div.stub > * > *:not(:active) { color : black }
</style>
  <link rel="author" title="Daniel Glazman" href="http://glazman.org/">
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
  <link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"> <!-- bogus link to make sure it gets found -->
  <meta name="flags" content=" interact">
 </head>
 <body>
 <div class="stub">
  <p> <!--[ELEMENT('div.stub > * > *:not(:active)')]--><a href="http://dummy.example.org/dummy"><!--[TEXT('div.stub > * > *:not(:active)')]-->This text should turn green while it is active.<!--[/TEXT('div.stub > * > *:not(:active)')]--></a><!--[/ELEMENT('div.stub > * > *:not(:active)')]--> </p>
  <p> <!--[ELEMENT('div.stub > * > *:not(:active)')]--><button><!--[TEXT('div.stub > * > *:not(:active)')]-->This text should turn green while it is active.<!--[/TEXT('div.stub > * > *:not(:active)')]--></button><!--[/ELEMENT('div.stub > * > *:not(:active)')]--> </p>
 </div>

</body></html>